/deep/.el-dialog__header{
    background-color: #409eff;
}
/deep/.el-dialog__title {
    line-height: 24px;
    font-size: 18px;
    color: #fff;
}
/deep/.el-dialog__headerbtn .el-dialog__close {
    color: #fff;
}
/deep/.el-dialog__headerbtn .el-dialog__close:hover{
    color: #fff;
}
/deep/.el-dialog__body {
    padding: 30px 20px 10px;
    color: #606266;
    font-size: 14px;
    word-break: break-all;
}
.onlineList{
    height:300px;
    overflow-y: auto;
    border-bottom:1px solid #ececec;
    // padding-right:20px;
    ul{
        overflow: hidden;
        li.leftChat{
            margin-bottom:20px;
            .onlineLeft{
                img{
                    display: inline-block;
                    vertical-align: middle;
                    // width:30px;
                    // height:30px;
                    border-radius: 50%;
                }
                p{
                    display: inline-block;
                    vertical-align: middle;
                    font-size:16px;
                    color:#666;
                    margin-left:6px;
                    max-width:85%;
                }
            }
            .onlineNew{
                text-align: right;
                img{
                    display: inline-block;
                    vertical-align: middle;
                    // width:33px;
                    // height:30px;
                    border-radius: 50%;
                }
                p{
                    display: inline-block;
                    vertical-align: middle;
                    font-size:16px;
                    color:#666;
                    margin-right:6px;
                    max-width:85%;
                }
            }
            .onlineRight{
                margin-left:36px;
                display: inline-block;
                background-color: #eff4f5;
                border-radius: 6px;
                padding:7px 10px;
                font-size:15px;
            }
        }
        li.onlineAnswer{
            float: right;
            width:100%;
            margin-bottom:20px;
            .onlineLeft{
                img{
                    display: inline-block;
                    vertical-align: middle;
                    width:30px;
                    height:30px;
                    border-radius: 50%;
                }
                p{
                    display: inline-block;
                    vertical-align: middle;
                    font-size:16px;
                    color:#666;
                    margin-right:6px;
                }
            }
            .onlineRight{
                margin-left:36px;
                display: inline-block;
                background-color: #eff4f5;
                border-radius: 6px;
                padding:7px 10px;
                font-size:15px;
            }
        }
    }
}
.footWrapper{
    overflow: hidden;
    .el-input{
        float: left;
        width:80%;
    }
    .el-button{
        float: right;
    }
}
.iconWrapper{
    margin-bottom:5px;
    text-align: left;
    svg{
        margin-right:10px;
    }
    i{
        cursor: pointer;
    }
    span{
        color:#666;
        cursor: pointer;
        font-size:13px;
    }
}
.onlineAnswer{
    float: right;
    .onlineLeft{
        margin-bottom:6px;
        text-align: right;
    }
}